<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>

    <!--div*6-->
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

    <!--div+p+ul-->
    <div></div>
    <p></p>
    <ul></ul>
    
    <!--ul>li*3-->
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    
    <!--.a*3-->
    <div class="a"></div>
    <div class="a"></div>
    <div class="a"></div>

    <!--.a.b#box*3-->
    <div class="a b" id="box"></div>
    <div class="a b" id="box"></div>
    <div class="a b" id="box"></div>

    <!--table[border=2]>tr*3>td*3-->
    <table border="2">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>

    <!--.a{我是div}*5-->
    <div class="a">我是div</div>
    <div class="a">我是div</div>
    <div class="a">我是div</div>
    <div class="a">我是div</div>
    <div class="a">我是div</div>

    <!--.a{我是第$个div}*5-->
    <div class="a">我是第1个div</div>
    <div class="a">我是第2个div</div>
    <div class="a">我是第3个div</div>
    <div class="a">我是第4个div</div>
    <div class="a">我是第5个div</div>

    <!--(.a>p)+ul>li*3-->
    <div class="a">
        <p></p>
    </div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>


    <div id="wrap">
        <p></p>
        <p></p>
    </div>
    <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>
    </body>
</html>